<!--
 * @Descripttion: 文件说明
 * @version: 0.0.1
 * @Author: gaojiapeng
 * @Date: 2021-02-18 07:58:07
 * @LastEditors: gaojiapeng
 * @LastEditTime: 2021-02-19 12:54:26
-->
<template>
  <div class="titleBox">
    <img class="laberImg" :src="label" />
    {{ title }}
  </div>
</template>
<script>
import label from "./label.png";
export default {
  name: "titleBox",
  props: {
    title: {
      type: String,
      default: ""
    }
  },
  data() {
    return {
      label
    };
  }
};
</script>
<style lang="scss" scoped>
.titleBox {
  display: flex;
  align-items: center;
  width: 30%;
  background: linear-gradient(
    90deg,
    rgba(39, 49, 111, 0.8) 0%,
    rgba(13, 18, 42, 0.01) 100%
  );
  font-size: 18px;
  font-family: Microsoft YaHei;
  font-weight: 300;
  color: #e9efff;
  .laberImg {
    padding-right: 8px;
  }
}
</style>
